//该文件用于创建Vuex中最核心的store

//引入vue
import Vue from 'vue';

//引入Vuex
import Vuex from 'vuex';

//准备一个actions，用于响应组件中的动作
const actions={
    jia(context,value){
        console.log("vuex中的actions被调用了");
        context.commit('JIA',value);
    },
    jian(context,value){
        console.log("vuex中的actions被调用了");
        context.commit('JIAN',value);
    }
};

//准备一个mutations，用于操作数据(state)
const mutations={
    JIA(state,value){
        console.log("vuex中的mutations被调用了");
        state.sum+=value;
    },
    JIAN(state,value){
        console.log("vuex中的mutations被调用了");
        state.sum-=value;
    }
};

//准备一个state用于存储数据
const state={
    sum:0//当前和
};

//准备一个getters,用于将state中的数据进行加工
const getters={
    bigSum(state){
        return state.sum*10;
    }
}

//基于vuex的应用使用vue
Vue.use(Vuex);

//创建并暴露store
export default new Vuex.Store({
    actions,
    mutations,
    state,
    getters
});

//暴露store
//export default store;